React Component [리액트 블로그 만들기] props와 Input 부모 컴포넌트의 state 를 받아오고 싶다면? 부모 컴포넌트의 state 값을 자식 컴포넌트에 전달해주기 -> props 사용 1️⃣ props로 자식(Modal)에게 state 전달하기 Modal.js <h2>{props.title[0]}</h2> ➡️ h2에 들어가는 값은 props 중에 title이고, title의 인덱스 0번째 값을 가져온다. 2️⃣ 클릭한 글 제목으로 모달창 띄우기... react - onChangereact - Inputreact propsTILReactReact Componentreact OnclickReact React 컴포넌트 Hooks 이전에는 컴포넌트 내부에 상태가 있다면 class를 이용해서 만들고 라이프사이클을 사용해야 한다면 class를 오버라이징 해서 사용한다. 관계가 없다면 function을 사용한다. Hooks 이후에는 class 또는 function인데 지금은 hip한게 함수형 프로그래밍이다. 회사에 가면 class로 이루어진 회사들이 많기 때문에 유지보수를 하기 위해서도 class를 알아야 하고 ... lifecycleReact ComponentReactReact
[리액트 블로그 만들기] props와 Input 부모 컴포넌트의 state 를 받아오고 싶다면? 부모 컴포넌트의 state 값을 자식 컴포넌트에 전달해주기 -> props 사용 1️⃣ props로 자식(Modal)에게 state 전달하기 Modal.js <h2>{props.title[0]}</h2> ➡️ h2에 들어가는 값은 props 중에 title이고, title의 인덱스 0번째 값을 가져온다. 2️⃣ 클릭한 글 제목으로 모달창 띄우기... react - onChangereact - Inputreact propsTILReactReact Componentreact OnclickReact React 컴포넌트 Hooks 이전에는 컴포넌트 내부에 상태가 있다면 class를 이용해서 만들고 라이프사이클을 사용해야 한다면 class를 오버라이징 해서 사용한다. 관계가 없다면 function을 사용한다. Hooks 이후에는 class 또는 function인데 지금은 hip한게 함수형 프로그래밍이다. 회사에 가면 class로 이루어진 회사들이 많기 때문에 유지보수를 하기 위해서도 class를 알아야 하고 ... lifecycleReact ComponentReactReact